<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
 <meta name="description" content="燎火的个人博客">
 <meta name="keyword" content="燎火,qq799378666,软件开发,java,c#,js,html,html5,css">
  <title>燎火的个人博客</title>
  <script src="/js/jquery-1.11.1.min.js"></script> 
  <script src="/js/bootstrap-3.3.5/js/bootstrap.js"></script> 
  <link href="/js/bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet"> 
  <script src="/js/base.js"></script> 
  <script src="/js/nav.js" flag="article"></script>
 <script src="/js/jquery.toTop.min.js"></script>
</head>
 <body class="container">
 <div class="navbar-form navbar-left" role="search">
  <div class="form-group">
   <input style="width: 250px;" id="keyWord" type="text" class="form-control" placeholder="搜索关键字" oninput="searchSubmit()" autoComplete="off">
  </div>
 </div>
  <table id="table_articleList" class="table table-hover table-striped"> 
   <thead> 
    <tr> 
     <th>文章标题</th> 
     <th style="width:180px;">发表时间</th> 
    </tr> 
   </thead> 
   <tbody id="tbody_articleList">
    <tr>
     <td><a href="/article/cca78ef2-2f31-4b58-9428-903df8104579.html">上传下载jspsmartupload</a></td>
     <td>2017-01-15 00:49:59.886</td>
    </tr>
    <tr>
     <td><a href="/article/c6320521-399e-4e0f-9b4a-c82b9a505664.html">上传下载jspsmartupload</a></td>
     <td>2017-01-15 00:49:55.669</td>
    </tr>
    <tr>
     <td><a href="/article/99c7427d-d495-45d2-abeb-b48b663fb615.html">上传下载jspsmartupload</a></td>
     <td>2017-01-15 00:49:51.7</td>
    </tr>
    <tr>
     <td><a href="/article/5ff6418b-6947-40c3-8ff0-409256c8901e.html">上传下载jspsmartupload</a></td>
     <td>2017-01-15 00:49:48.372</td>
    </tr>
    <tr>
     <td><a href="/article/e091945d-e556-4f8b-9d8d-3e1d452ff3f6.html">上传下载jspsmartupload</a></td>
     <td>2017-01-15 00:49:03.563</td>
    </tr>
    <tr>
     <td><a href="/article/ccedd6a9-1685-4a5c-bf91-904452e02ee5.html">33333</a></td>
     <td>2017-01-15 00:44:10.629</td>
    </tr>
    <tr>
     <td><a href="/article/8ba39367-d7fd-4964-89aa-55f6e18a68bc.html">222222</a></td>
     <td>2017-01-15 00:43:51.438</td>
    </tr>
    <tr>
     <td><a href="/article/82611035-68f6-4b78-8f62-bdf7a3ae3b4a.html">11111111</a></td>
     <td>2017-01-15 00:43:31.135</td>
    </tr>
   </tbody>
  </table>
  <nav id="pages" class="navbar-right">
   <ul class="pagination">
    <li id="page_pre"><a href="#">&laquo;</a></li>
    <li id="page_next"><a href="#">&raquo;</a></li>
   </ul>
  </nav>

  <script>
      $.get("/article/articleList.json?r="+Math.random(),function(result){
          window.articleList = result;
          var keyWord = $("#keyWord").val().toLowerCase();
          if(keyWord){
              searchSubmit();
          }
      });

      function searchSubmit(){
          var keyWord = $("#keyWord").val().toLowerCase().trim();
       /*   if(!keyWord){
        window.location.reload();
        return;
        }*/

          var list = [];
          for(var i=0;i<articleList.list.length;i++){
              var article = articleList.list[i];
              if(article.title.toLowerCase().indexOf(keyWord)!=-1){
                  list.push(article);
              }
          }
          var str = "";
          for(var i=0;i<list.length;i++){
              var article = list[i];
              var ct = new Date(article.createTime).Format("yyyy-MM-dd HH:mm");
              str+="<tr><td><a href='/article/articleItem/article_"+article.id+".html'>"+article.title+"</a></a></td><td>"+ct+"</td></tr>"
          }
          $("#tbody_articleList").html(str);


          $("#pages").hide();

      }

  </script>

 </body>
</html>